<template>
	<div class="content">
		<h2>内容栏目</h2>
		<div class="list">
			<router-link to="">生活</router-link>
			<router-link to="">资讯</router-link>
			<router-link to="">编程</router-link>
			<router-link to="">互联网</router-link>
			<router-link to="">科技</router-link>

		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	h2 {
		height: 50px;
		background-color: #fdfdfd;
		line-height: 50px;
	}

	.content {
		background: #fff;
	}

	.list::after {
		display: table;
		clear: both;
		content: "";
	}

	a {
		display: block;
		float: left;
		width: 50%;
		text-decoration: none;
		color: #000000;
	}

	.list {
		height: 126px;
		margin-top: -20px;
	}

	.list a {
		height: 40px;
		border: 1px solid #eeeeee;
		width: 135px;
		text-align: center;
		line-height: 40px;
	}
</style>
